import type { App } from 'vue'
import { BeBackTop } from './basics/BeBackTop'
import { BeButton } from './basics/BeButton'
import { BeForm } from './basics/BeForm'
import { BeIcon } from './basics/BeIcon'
import { BeLoading, BeSpinner } from './basics/BeLoading'
import { BeLogo } from './basics/BeLogo'
import { BeModal } from './basics/BeModal'
import { BePage } from './basics/BePage'
import { BeTable } from './basics/BeTable'
import { BeTabs } from './basics/BeTabs'

export const registerGlobComp = (app: App) => {
  app.component('BePage', BePage)
  app.component('BeModal', BeModal)
  app.component('BeIcon', BeIcon)
  app.component('BeButton', BeButton)
  app.component('BeLogo', BeLogo)
  app.component('BeLoading', BeLoading)
  app.component('BeSpinner', BeSpinner)
  app.component('BeBackTop', BeBackTop)
  app.component('BeTable', BeTable)
  app.component('BeTabs', BeTabs)
  app.component('BeForm', BeForm)
}
